<template>
  <div class="loginDataUser">
    <div class="loginDataUser_tips">基础信息</div>
    <div class="loginDataUser_basicData">
      <van-field
        v-model="name"
        type="text"
        label="姓名"
        placeholder="请输入名字"
      />
      <van-field
        v-model="sex"
        type="text"
        label="性别"
        placeholder="请输入性别"
      />
      <van-field
        v-model="age"
        type="text"
        label="年龄"
        placeholder="请输入年龄"
      />
      <van-field
        v-model="idCard"
        type="text"
        label="身份证号"
        placeholder="请输入身份证号"
      />
      <van-field
        v-model="height"
        type="text"
        label="身高"
        placeholder="请输入身高"
      />
      <van-field
        v-model="weight"
        type="text"
        label="体重"
        placeholder="请输入体重"
      />
      <van-field
        v-model="medicalInsurance"
        type="number"
        label="医保号"
        placeholder="请输入医保号"
      />
      <van-field
        v-model="address"
        type="text"
        label="所在地区"
        placeholder="请输入所在地区"
      />
    </div>
    <div class="loginDataUser_person">紧急联络人</div>
    <div class="loginDataUser_emergencyPerson">
      <van-field
        v-model="emergencyPersonName"
        type="text"
        label="姓名"
        placeholder="请输入名字"
      />
      <van-field
        v-model="emergencyPersonPhone"
        type="text"
        label="电话"
        placeholder="请输入电话"
      />
    </div>
    <div class="loginDataUser_tips">
      健康信息
      <span class="loginDataUser_tips_select">*选填</span>
    </div>
    <div class="loginDataUser_healthInformation">
      <van-field v-model="pastHistory" type="text" label="既往史" />
      <van-field v-model="allergicHistory" type="text" label="过敏史" />
      <van-field
        v-model="familyGeneticHistory"
        type="text"
        label="家族遗传史"
      />
      <van-field
        v-model="abnormalliverfunction"
        type="text"
        label="肝功能异常"
      />
      <van-field
        v-model="abnormalrenalfunction"
        type="text"
        label="肾功能异常"
      />
    </div>
    <div class="loginDataUser_submit">
      <van-button size="large" type="primary" @click="toSubmitLoginData">
        下一步
      </van-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      sex: "",
      age: "",
      idCard: "",
      height: "",
      weight: "",
      medicalInsurance: "",
      address: "",
      pastHistory: "",
      emergencyPersonName: "",
      emergencyPersonPhone: "",
      familyGeneticHistory: "",
      abnormalliverfunction: "",
      abnormalrenalfunction: "",
      allergicHistory: "",
    };
  },
  methods: {
    toSubmitLoginData() {
      this.$router.push({ path: "/home" });
    },
  },
};
</script>

<style lang="scss" scope>
.loginDataUser {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  &_emergencyPerson {
    margin: 20px 0;
  }
  &_healthInformation {
    margin: 20px 0;
  }
  &_tips {
    margin: 20px 0;
    font-weight: 550;
    font-size: 20px;
    padding-left: 15px;
    box-sizing: border-box;
    &_select {
      font-size: 14px;
      margin-left: 10px;
      color: #646566;
    }
  }
  &_person {
    font-size: 15px;
    padding-left: 15px;
    margin: 20px 0 0 0;
    color: #646566;
  }
  &_submit {
    padding: 0 30px;
  }
}
</style>
